body{
    display: flex;
    flex-direction: column;
    background-color: #f4f4f4;
    
}
@function vw($px) {
    @return ($px / 750) * 100vw;
}
header{
    display: flex;
    background-color: white;
    width: 100%;
   /*  background: #c34943; */
    height:vw(89);
    box-sizing: border-box;
    padding: vw(0) vw(29);
    justify-content: space-between;
    align-items: center;
}
header img{
    background-color: white;
    width: vw(254);
    height: vw(28);
    /* margin-left: vw(253);
    margin-right: vw(253);
    margin-top: vw(28);
    margin-bottom: vw(28); */
}
header i{
    display: inline-block;
    background: url(../images1/yidongduan1_03.jpg) no-repeat center;
    width: vw(30);
    height: vw(30);
    background-size: 100% 100%;
    /* background-size: 100% 100%; */
    /* position: absolute;
    left: vw(0);
    top: vw(0); */
    /* margin: vw(30) vw(0) vw(30) vw(30); */
}
header b{
    /* display: inline-block; */
    background: url(../images1/yidongduan1_03.jpg) no-repeat center;
    width: vw(30);
    height: vw(30);
    background-size: 100% 100%;
   /*  position: absolute; */
   /*  left: vw(320);
    top: vw(0);
    margin: vw(30) vw(30) vw(30) vw(0); */
}
main{
    flex: 1;
    width: 100%;
    /* background: yellow; */
    overflow-y: auto;
}
main .one img{
    width: 100%;
    height: 100%;
}
main .one ul{
    height: vw(152);
    display: flex;
    justify-content: center;
    text-align: center;
    font-size: vw(16);
    background-color: white;
    margin-bottom: vw(20);
    padding: vw(15) 0 0 0;
}
main .one ul li{
    padding: vw(0) vw(52);
}
main .one ul li img{
    width: vw(80);
    height: vw(80);
}
main .one ul li p{
    padding: vw(18) 0;
}
main .two{
    height: vw(131);
    position: relative;
    margin-bottom: vw(20);
}    
main .two img{
    width: 100%;
    height: 100%;
}
main .two div{
    font-size: vw(18);
    position: absolute;
    left: vw(187);
    top: vw(35);
}
main .two div p{
    margin: 0 vw(16) vw(22) 0
}

main .two div span{
    color: #c2c191;
    border: 1px solid #c2c191;
    padding: vw(4);
    font-size: vw(12);
    margin: vw(22) vw(16) vw(22) 0;
}
main .three{
    width: 100%;
    height: vw(338);
    display: flex;
    justify-content: space-around;
    background-color: white;
}
main .three img{
    width: vw(700);
    height: vw(338);
}
main .four{
    /* height: vw(310); */
    width: 100%;
}
main .four ul{
    background-color: white;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;  
    overflow-x: auto;
    padding-bottom: vw(48);
}
main .four ul li{
    /* height: vw(350); */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-shrink: 0;
    padding: vw(12) vw(45) 0 vw(16);
}
main .four ul li img{
    width: vw(150);
    height: vw(150);
    background-size: 100% 100%;
    margin: vw(24) 0;
}
main .four ul li p{
    width: vw(162);
    height: vw(80);
    font-size: vw(12);
    text-align: center;
}
main .five{
    display: flex;
    background-color: white;
    justify-content: center;
    align-items: center;
}
main .five img{
    width: vw(412);
    height: vw(55);
    padding-top: vw(40);
    padding-bottom: vw(60);
}
main .six ul{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;  
    overflow-x: auto;
    flex-wrap: wrap;
    margin: vw(20) vw(38) 0 vw(38);
}
main .six ul li{
    width: vw(320);
    height: vw(446);
    background-color: white;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 vw(-10) vw(30) 0;
}
main .six ul li img{
    width: vw(250);
    height: vw(260);
    padding-top: vw(20);
    padding-bottom: vw(20);
}
footer{
    height: vw(130);
    background-color: white;
   
}
footer ul{
    display: flex;
    justify-content: space-around;
    align-items: center;
    
}
footer ul li{
    font-size: vw(24);
    text-align: center;
    color: #b6b6b6;
}
footer ul li:hover{
    color: black;
}
footer ul li i{
    display: inline-block;
    width: vw(60);
    height: vw(60);
    margin-top: vw(8);
    margin-bottom: vw(8);
    background: url(../images1/tab1.png);
}
footer ul li:hover i{
    background: url(../images1/tab1-2.png);
}